<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>23级软件技术1班2组</title>
    <link rel="stylesheet" href="./css.css">
</head>

<body>
    <div class="conternain">
        <div class="nav">
            <ul>
                <li><a href="./index.html" target="_blank">首页</a></li>
                <li><a href="./新闻门户网站框架/index.html" target="_blank">CSS3小组综合任务——冈易新闻</a></li>
                <li><a href="./作业/多列和布局/flex.html" target="_blank">Flex布局</a></li>
                <li><a href="./作业/多列和布局/flex3.html" target="_blank">Grid布局</a></li>
                <li><a href="https://gitee.com/group-text1/Web-code" target="_blank">我们的码云仓库</a></li>
            </ul>
        </div>
        <div class="frama">
            <div class="con">
                <h3>小组简介</h3>
                <div class="jianjie">
                    <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;23级软件技术1班2组，主要研究前端技术，包括HTML、CSS、JavaScript等。小组成员来自五湖四海。小组成员的研究方向广泛，涉及前端开发、Web前端设计、Web前端开发、Web前端开发工具、Web前端性能优化、Web前端安全、Web前端测试、Web前端工程化、Web前端框架、Web前端自动化测试、Web前端自动化工具、Web前端自动化部署、Web前端自动化运维、Web前端自动化监控、Web前端自动化运维工具、Web前端自动化运维平台、Web前端自动化运维自动化、Web前端自动化运维平台等。
                    </p>
                </div>
                <br>
                <h3>小组成员</h3>
                <div class="chengyuan">
                    <div class="chengyuan1">
                        <div class="ren">
                            <img src="./indeximg/头1.jpg" alt="">
                            <h4>林健</h4>
                            <p>整体架构与设计：<br>负责整体页面架构的规划和设计，<br>确定风格和布局。</p>
                            <p>码云ID：林健</p>
                        </div>
                        <div class="ren">
                            <img src="./indeximg/头2.jpg" alt="">
                            <h4>方烨</h4>
                            <p>导航与菜单：<br>专门负责导航和菜单的设计,<br>并进行测试。</p>
                            <p>码云ID：yayaya</p>
                        </div>
                        <div class="ren">
                            <img src="./indeximg/头3.jpg" alt="">
                            <h4>史家宝</h4>
                            <p>交互功能：<br>专注于添加交互功能，<br>如按钮、表单等。</p>
                            <p>码云ID：时间不喻意</p>
                        </div>
                        <div class="ren">
                            <img src="./indeximg/头4.jpg" alt="">
                            <h4>乔海鹏</h4>
                            <p>内容区域：<br>负责主要内容区域的设计和开发,<br>并进行测试。</p>
                            <p>码云ID：JQHP</p>
                        </div>
                        <div class="ren">
                            <img src="./indeximg/头5.jpg" alt="">
                            <h4>付寒柏</h4>
                            <p>测试与优化：<br>最后进行全面的测试，<br>发现并解决问题。</p>
                            <p>码云ID：故砚</p>
                        </div>
                        <div class="ren">
                            <img src="./indeximg/头6.jpg" alt="">
                            <h3>李金斗</h3>
                            <p>动画与特效：<br>负责添加动画和特效，<br>提升用户体验。</p>
                            <p>码云ID：旺得福</p>
                        </div>
                    </div>
                </div>
                <br>
                <h3>讲解视频(点击图片观看)</h3>
                <div class="video">
                    <a href="https://www.bilibili.com/video/BV12E42157Ka/?vd_source=b8c67a68532b7256289709afccd67758"><img src="./indeximg/22.png" alt=""></a>
                </div>
            </div>
        </div>
</body>

</html>